// This file is part of Indico.
// Copyright (C) 2002 - 2025 CERN
//
// Indico is free software; you can redistribute it and/or
// modify it under the terms of the MIT License; see the
// LICENSE file for more details.

@use 'base/palette' as *;

.file-display-wrapper {
  display: flex;
  flex-direction: column;

  &.outdated {
    padding: 0.5em;
    background-image: repeating-linear-gradient(-45deg, $pastel-gray 0 2px, $white 3px 15px);
    border: 1px solid $pastel-gray;
    border-radius: 0.2em;
  }
}

.file-display {
  display: flex;
  flex-wrap: wrap;

  .file-type-display {
    overflow: hidden;
    margin-bottom: 1em;
    padding: 1em;
    flex: 0 0 32%;

    &:not(:nth-child(3n)) {
      margin-right: 0.9em;
    }
  }
}

.file-list-display {
  list-style-type: none;
  padding: 0;

  .file-row {
    display: flex;

    .file-name {
      font-weight: bold;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
}

.no-files {
  font-style: italic;
  color: $gray;
}

.download-popup {
  display: flex;
  flex-direction: column;
  align-items: stretch; /* ensures children fill width */
  width: 100%;
}

.download-popup .message {
  width: 100%;
  margin-bottom: 1em;
}

.download-popup .confirm-download {
  width: 100%;
}

.download-popup .ui.button {
  margin: 0; /* removes any default float spacing */
}

.download-popup .confirm-download .icon {
  margin-right: 0.5em !important;
}
